<!DOCTYPE HTML>
<html>
	<head>
		<title>测试</title>
		<link rel="stylesheet" type="text/css" href="<?=n_css('reset')?>" />
		<link rel="stylesheet" type="text/css" href="<?=n_css('layout')?>" />
		<script src="<?=n_js('jquery-2.0.3.min')?>"></script>
		<script src="<?=n_js('tools')?>"></script>
		<script src="<?=n_js('ui')?>"></script>
		<style>
		/*
		 * 主色:#555555
		 * 主配色:#3B8D8D
		 * 边框色:#d9dadc
		 *
		 * */
		.n-debug{border:1px solid red;}
		/*------------------------------------*/
		.n-middle{margin:0 auto;}
		.n-max-width{width:1200px;}
		.n-block-bg{background-color: #fff;}
		/*------------------------------------*/

		html,body{margin:0px;padding:0px;font-size:14px;color:#222;}
		body{background-color: #e7e8eb;}
		a{color:#3B8D8D;}


		a:link,a:visited{}
		a:hover{}
		li{}
		
		
		input[type="text"],input[type="password"]{border-color:#d9dadc;background-color:#fff;padding:5px 10px;color:#8d8d8d;}
		input[type="text"]:focus{color:#222;}
		input[type="button"],dl.form input[type="submit"]{}
		input[type="radio"]{}
		input[type="checkbox"]{}
		select{border-color:#d9dadc;background-color:#fff;padding:7px 10px;color:#8d8d8d;}
		textarea{}
		



		/*------------------------------------*/
		#header{border-top:4px solid #3B8D8D;border-bottom: 1px solid #d9dadc;padding:10px 0px;}
		#body{margin-top:30px;border:1px solid #d9dadc;background-color: #d9dadc;}
		#body #left{float:left;width:200px;background-color: #fff;}
		#body #right{margin-left:201px;height:1400px;background-color: #fff;}
		
		#footer{padding:30px 0px;text-align: center;background-color:#b8b9b9;margin-top:88px;}
		#footer .links{display:inline-block;width:50%;text-align:left;}
		#footer .copyright{display:inline-block;width:40%;text-align:right;}
		div.a-menu-item{border-bottom: 1px solid #d9dadc;padding:20px 0px;}
		div.a-menu-item{text-align: center;}
		dl.a-menu-item{border-bottom: 1px solid #d9dadc;padding:6px 0px;}
		dl.a-menu-item dt{margin:0px;line-height:34px;padding:0px 30px;color:#8d8d8d;}
		dl.a-menu-item dt img{margin-right:4px;}
		dl.a-menu-item dd{}
		dl.a-menu-item dd a{display:block;padding-left:58px;line-height:34px;}
		dl.a-menu-item dd a:hover{background-color:#F4F5F9;}
		</style>
	</head>
	
	<body>
		<div id="header" class="n-block-bg">
			<div class="n-max-width n-middle">
				<div class="n-right">
					你好张三登陆 注册
				</div>
				<img src="<?=n_img('logo-80.png')?>" />
			</div>
		</div>

		<div id="body" class="n-max-width n-middle n-block-bg">
			<div id="left" class="n-clearfix">
				<div class="a-menu-item">
					焦点社区
					[<a>切换</a>]
				</div>
				<dl class="a-menu-item">
					<dt>
						<img src="<?=n_img('menu_management.png')?>" />
						块名</dt>
					<dd>
						<a>我是菜单1</a>
						<a>我是菜单2</a>
						<a>我是菜单3</a>
						<a>我是菜单4</a>
						<a>我是菜单5</a>
					</dd>
				</dl>

				<dl class="a-menu-item">
					<dt>
						<img src="<?=n_img('menu_developer.png')?>" />
						块名</dt>
					<dd>
						<a>我是菜单1</a>
						<a>我是菜单2</a>
						<a>我是菜单3</a>
						<a>我是菜单4</a>
						<a>我是菜单5</a>
					</dd>
				</dl>
				<dl class="a-menu-item">
					<dt>
						<img src="<?=n_img('menu_setup.png')?>" />
						块名</dt>
					<dd>
						<a>我是菜单1</a>
						<a>我是菜单2</a>
						<a>我是菜单3</a>
						<a>我是菜单4</a>
						<a>我是菜单5</a>
					</dd>
				</dl>
				<dl class="a-menu-item">
					<dt>
						<img src="<?=n_img('menu_management.png')?>" />
						块名</dt>
					<dd>
						<a>我是菜单1</a>
						<a>我是菜单2</a>
						<a>我是菜单3</a>
						<a>我是菜单4</a>
						<a>我是菜单5</a>
					</dd>
				</dl>
			</div>
			<div id="right" class="n-debug1">
				<?=n_mod('skin')->elem()?>
			</div>
		</div>

		<div id="footer">
			<div class="n-max-width n-middle">
				<span class="links">
					<a>关于</a>
					<a>服务协议</a>
					<a>客服中心</a>
				</span>
				<span class="copyright">Copyright &copy; 2012-2015 EOWL. All Rights Reserved.</span>
			</div>

		</div>

	</body>
</html>